<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2021/7/30
  Time: 18:59
  To change this template use File | Settings | File Templates.
--%>

<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="shortcut icon" href="assets/img/favicon.png" type="image/png">

    <!--=============== REMIXICONS ===============-->
    <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">

    <!--=============== SWIPER CSS ===============-->
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">

    <!--=============== CSS ===============-->
    <link rel="stylesheet" href="assets/css/styles.css">
    <!--=============== SCROLL REVEAL===============-->
    <script src="assets/js/scrollreveal.min.js"></script>

    <!--=============== SWIPER JS ===============-->
    <script src="assets/js/swiper-bundle.min.js"></script>

    <!--=============== MAIN JS ===============-->
    <script src="assets/js/main.js"></script>

    <title>DEEP.SPACE</title>

</head>

<body>



<main class="main">
    <!--==================== HOME ====================-->
    <section class="home" id="home">
        <img src="assets/img/home1.jpg" alt="" class="home__img">

        <div class="home__container container grid">
            <div class="home__data">
                <span class="home__data-subtitle">DEEP.SPACE商家管理系统</span>
                <h1 class="home__data-title">You Can <br> See <b>Everything <br> In DEEP.SPACE</b></h1>
                <a href="${pageContext.request.contextPath}/Admin/jumplogin" class="button">登录</a>

            </div>

            <div class="home__social">
                <a href="https://www.facebook.com/" target="_blank" class="home__social-link">
                    <i class="ri-facebook-box-fill"></i>
                </a>
                <a href="https://www.instagram.com/" target="_blank" class="home__social-link">
                    <i class="ri-instagram-fill"></i>
                </a>
                <a href="https://twitter.com/" target="_blank" class="home__social-link">
                    <i class="ri-twitter-fill"></i>
                </a>
            </div>

            <div class="home__info">
                <div>
                    <span class="home__info-title">想要了解更多</span>
                    <a href="http://www.woshipm.com/pmd/944112.html" class="button button--flex button--link home__info-button">
                        DEEP.SPACE 电商入门 <i class="ri-arrow-right-line"></i>
                    </a>
                </div>

                <div class="home__info-overlay">
                    <img src="assets/img/home2.jpg" alt="" class="home__info-img">
                </div>
            </div>
        </div>
    </section>



    <%--    <!--==================== DISCOVER ====================-->--%>
        <section class="discover section" id="discover">
            <h2 class="section__title">DEEP.SPACE <br><br> 不至于星空！</h2>



    <%--    <!--==================== SUBSCRIBE ====================-->--%>
    <section class="subscribe section">
        <div class="subscribe__bg">
            <div class="subscribe__container container">
                <h2 class="section__title subscribe__title">你有更多的想法么 <br> ？？？</h2>
                <p class="subscribe__description">请给我们发送你最疯狂的想法！！！
                </p>

                <form action="${pageContext.request.contextPath}/Admin/jumplogin" class="subscribe__form" method="post">
                    <input type="text" placeholder="请输入你的想法" class="subscribe__input" >

                    <button type="submit" class="button">
                        点击提交
                    </button>
                </form>
            </div>
        </div>
    </section>

    <%--    <!--==================== SPONSORS ====================-->--%>
    <section class="sponsor section">
        <div class="sponsor__container container grid">
            <div class="sponsor__content">
                <img src="assets/img/sponsors1.png" alt="" class="sponsor__img">
            </div>
            <div class="sponsor__content">
                <img src="assets/img/sponsors2.png" alt="" class="sponsor__img">
            </div>
            <div class="sponsor__content">
                <img src="assets/img/sponsors3.png" alt="" class="sponsor__img">
            </div>
            <div class="sponsor__content">
                <img src="assets/img/sponsors4.png" alt="" class="sponsor__img">
            </div>
            <div class="sponsor__content">
                <img src="assets/img/sponsors5.png" alt="" class="sponsor__img">
            </div>
        </div>
    </section>
</main>

<!--==================== FOOTER ====================-->
<footer class="footer section">
    <div class="footer__container container grid">
        <div class="footer__content grid">
            <div class="footer__data">
                <h3 class="footer__title">Tell</h3>
                <p class="footer__description">告诉我们<br>你所希望</br>DEEP.SPACE<br> 在线下实体店所在的城市
                </p>
                <div>
                    <a href="https://www.facebook.com/" target="_blank" class="footer__social">
                        <i class="ri-facebook-box-fill"></i>
                    </a>
                    <a href="https://twitter.com/" target="_blank" class="footer__social">
                        <i class="ri-twitter-fill"></i>
                    </a>
                    <a href="https://www.instagram.com/" target="_blank" class="footer__social">
                        <i class="ri-instagram-fill"></i>
                    </a>
                    <a href="https://www.youtube.com/" target="_blank" class="footer__social">
                        <i class="ri-youtube-fill"></i>
                    </a>
                </div>
            </div>

            <div class="footer__data">
                <h3 class="footer__subtitle">About</h3>
                <ul>
                    <li class="footer__item">
                        <a href="" class="footer__link">关于我们</a>
                    </li>
                    <li class="footer__item">
                        <a href="" class="footer__link">所获荣誉</a>
                    </li>
                    <li class="footer__item">
                        <a href="" class="footer__link">日志记录</a>
                    </li>
                </ul>
            </div>

            <div class="footer__data">
                <h3 class="footer__subtitle">Company</h3>
                <ul>
                    <li class="footer__item">
                        <a href="" class="footer__link">团队成就</a>
                    </li>
                    <li class="footer__item">
                        <a href="" class="footer__link">计划实施</a>
                    </li>
                    <li class="footer__item">
                        <a href="" class="footer__link">加入我们</a>
                    </li>
                </ul>
            </div>

            <div class="footer__data">
                <h3 class="footer__subtitle">Support</h3>
                <ul>
                    <li class="footer__item">
                        <a href="" class="footer__link">FAQs</a>
                    </li>
                    <li class="footer__item">
                        <a href="" class="footer__link">支持商家</a>
                    </li>
                    <li class="footer__item">
                        <a href="" class="footer__link">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="footer__rights">
            <p class="footer__copy">&#169; 2021. All rigths reserved.</p>
            <div class="footer__terms">
                <a href="#" class="footer__terms-link">Terms & Agreements</a>
                <a href="#" class="footer__terms-link">Privacy Policy</a>
            </div>
        </div>
    </div>
</footer>

<!--========== SCROLL UP ==========-->
<a href="#" class="scrollup" id="scroll-up">
    <i class="ri-arrow-up-line scrollup__icon"></i>
</a>

</body>
</html>
